.gallery{
	margin:0; padding:0;
	overflow:hidden; /* Clears the floats */
	width:100%; /* IE and older Opera fix for clearing, they need a dimension */
	list-style:none;
}
.gallery li{
	float:left;
	display:inline; /* For IE so it doesn't double the 1% left margin */
	width:120px;
	margin:0; 
	padding:10px 0;
	height:100px; /* Height of img (75) + 2 times 3px padding + 2 times 1px border = 83px */
	position:relative; /* This is the key */
	background:url(45degree.png);
	text-align:left;
	vertical-align:middle;
}
.gallery a,
.gallery img{
	display:block;
	width:100%;
	max-width:80px; 
	max-height:80px;
	_height:80px;
	overflow:hidden
}
.gallery a img{ border:none; } /* A small fix */
.gallery a:link,
.gallery a:visited,
.gallery a:focus,
.gallery a:hover,
.gallery a:active{
	padding:4px;
	background:#eeefef;
	width:80px; 
	height:80px;
	border:1px solid #eeefef; /* We blend the border with the bg, as if it isn't there */
	position:absolute;
}
.gallery a:hover{
	
}
/* These are all optional, for decoration purpouses only */
.gallery{
	padding-bottom:5px;
}

 .gallery div.titleBox {
	position:absolute; /* This is the key */
	top:80px;
	float:left;
	width:100px;
	clear:both;
	font-size:1em;
	line-height:15px;
	margin-left:4px;
 }

 .gallery div.btnBox {
	position:absolute; /* This is the key */
	top:80px;
	float:left;
	width:100%;	
 	height:20px;
	clear:both;
 	margin-left:4px;
 }
 .gallery .delBtn {
	background:url(../images/icons/clear.gif) no-repeat;
	border:0px;
	width:20px;
 	height:20px;
	clear:both;
	cursor:pointer;
 }

  .gallery .updBtn {
	background:url(../images/icons/edit.png) no-repeat;
	border:0px;
	width:20px;
 	height:20px;
	clear:both;
	cursor:pointer;
 }
  .gallery .copyBtn {
	background:url(../images/icons/world_link.png) no-repeat;
	border:0px;
	width:20px;
 	height:20px;
	clear:both;
	cursor:pointer;
 }

